 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
     <title>OMNIKNNECT - 登录</title>
     <link rel="stylesheet" href="<@s.url '/css/bootstrap.min.css'/>"></link>
     <link rel="stylesheet" href="<@s.url '/css/bootstrap-theme.min.css'/>"></link>
     <style>
        .panel-main{width:450px;}
        .center{diaplay:table;margin:auto;}
        .warn{font:12px Microsoft Yahei;color:red}
     </style>
 </head>
 <body style="margin-top:100px">
    <div class="container">
        <div class="panel panel-info panel-main center">
            <div class="panel-heading">
                <h3 class="panel-title">请登录网站</h3>
            </div>
            <div class="panel-body">
            	<div class="warn"><#if error??>${(error["errors"])!""}</#if></div>
                <form  action='<@s.url '/home/login'/>' method="post">
                    <div class="input-group">
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-user"></span>
                        </span>
                        <input id="name" name="username" type="text" class="form-control" placeholder="登录名称/邮箱/手机号码" />
                    </div>
                    <span class="warn"><#if error??>${(error["user"])!""}</#if></span>
                    <br/>

                    <div class="input-group">
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-lock"></span>
                        </span>
                        <input id="pw" name="password" type="password" class="form-control" placeholder="输入登录密码"/>
                    </div>
                    <span class="warn"><#if error??>${(error["password"])!""}</#if></span>
                    <br/>

                    <div class="input-group">
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-barcode"></span>
                        </span>
                        <input id="code" name="verifycode" type="text" class="form-control" placeholder="输入验证码"/>
                    </div>
                    <span class="warn"><#if error??>${(error["captcha"])!""}</#if></span>
                    <br/>

                    <div class="form-group">
                        <img src="<@s.url '/user/captcha'/>" onclick='this.src=this.src+"?"+Math.random()' style="cursor: hand" />
                        <span>看不清？点击刷新</span>
                    </div>
                    <div class="form-group center">
                        <button class="btn btn-info" type="submit">登录</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#name').focus();
        })
    </script>
 </body>
 </html>